<template>
  <div id="app">
    <div class="left_mune">
      <leftMune></leftMune>
    </div>
    <router-view class="right_content"/>
  </div>
</template>

<script>
import leftMune from "./leftMune.vue";

export default {
  name: "App",
  components: {
    leftMune
  },
  created() {
    document.title = "Helper";
  }
};
</script>

<style>
#app {
  margin: 0 auto;
  width: 100%;
  min-width: 1200px;
  color: #535050;
  display: flex;
}
.left_mune {
  position: relative;
  flex: 0.23;
  background-color: #2b303b;
}
.right_content {
  height: 100vh;
  overflow: auto;
  flex: 1;
}
*::-webkit-scrollbar {
  display: none;
}
p {
  color: #535050;
  /* font-size: 22px; */
  letter-spacing: 0;
  line-height: 30px;
  margin: 0;
}
font {
  /* font-size: inherit; */
}
</style>
